<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <?php $this->load->view('head'); ?>
        <script src="<?php echo base_url() . "js/jquery-ui-1.8.14.custom.min.js"; ?>" type="text/javascript"></script>
        <script src="<?php echo base_url() . "js/jquery.ui.datepicker-es.js" ?>" type="text/javascript"></script>
        <link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url() . "css/ui.jqgrid.css" ?>" />
        <script src="<?php echo base_url() . "js/i18n/grid.locale-es.js" ?>" type="text/javascript"></script>
        <script src="<?php echo base_url() . "js/jquery.jqGrid.min.js" ?>"  type="text/javascript"></script>
        <link type="text/css" href="<?php echo base_url() . "css/redmond/jquery-ui-1.8.14.custom.css"; ?>" rel="stylesheet" />
        <title></title>
        <script type="text/javascript">
            $(document).ready(function(){
                $("#fecIni").datepicker({dateFormat:"yy-mm-dd",maxDate:"<?php echo date("Y-m-d") ?>",changeMonth: true,changeYear: true, yearRange: '1941:<?php echo date('Y'); ?>' });
                $("#fecFin").datepicker({dateFormat:"yy-mm-dd",maxDate:"<?php echo date("Y-m-d") ?>",changeMonth: true,changeYear: true, yearRange: '1941:<?php echo date('Y'); ?>' });
                jQuery("#list").jqGrid({
                    url: '<?php echo site_url("grilla/expLaboral/$transaccion"); ?>',
                    datatype: 'xml',
                    mtype: 'POST',
                    colNames:['Acciones','Empresa','¿Actual?','Inicio','Fin','Funciones','Contacto','Telefono'],
                    colModel :[
                        {name:'accion',index:'accion', width:130,editable:false},
                        {name:'tempVarchar1',index:'tempVarchar1', width:220,editable:true},
                        {name:'tempVarchar2',index:'tempVarchar2', width:80,editable:true},
                        {name:'tempDate1',index:'tempDate1', width:80},
                        {name:'tempDate2',index:'tempDate2', width:80},
                        {name:'tempVarchar7',index:'tempVarchar7', width:120},
                        {name:'tempVarchar5',index:'tempVarchar5', width:220,editable:true},
                        {name:'tempVarchar3',index:'tempVarchar3', width:100,editable:true}
                    ],
                    loadComplete: function(){
                        var ids = jQuery("#list").getDataIDs();
                        for(var i=0;i<ids.length;i++){
                            var cl = ids[i];
                            var se = "<input type='button'  value='Editar' class='btnEnGrilla' onclick=\"fnModifica('" + cl + "','1','0');\" \\>";
                            se = se + "&nbsp;<input type='button' onclick=\"fnModifica('" + cl + "','D','1');\" value='Eliminar' class='btnEnGrillaElimina' \\>";
                            jQuery("#list").setRowData(cl,{accion:se});
                        }
                        <?php if($permisoEdita == "No") echo "fntodoLectura();"; ?>
                    },
                    //                    autowidth: true,
                    pager: jQuery('#pager'),
                    rowNum:50,
                    rowList:[10,20,30,50],
                    sortname: 'tempVarchar1',
                    sortorder: "asc",
                    viewrecords: true,
                    caption: 'REGISTROS DE EXPERIENCIAS LABORALES',
                    height:260
                });
                //Barra de navegación
                jQuery("#list").navGrid('#pager',{edit:false,add:false,del:false,search:false,view:true});
                $("#btnGuardar").click(function(){
                    if(validacion()){
                        $.post($("#formExperiencia").attr("action"),$("#formExperiencia").serialize() ,function(){
                            fnReset();
                        });
                    }
                });
                $("#btnSiguiente").click(function(){
                    if(fnValAnt())
                        window.location = "<?php echo site_url("registro/discapacidad/100/$transaccion"); ?>";
                });
                $("#btnAnterior").click(function(){
                    if(fnValAnt())
                        window.location = "<?php echo site_url("registro/academia/100/$transaccion"); ?>";
                });
                $("#actual").change(function(){
                    if($(this).val() == "Si"){
                        $("#fecFin").datepicker( "destroy" );
                        $("#fecFin").val('');
                    }else{
                        $("#fecFin").datepicker({dateFormat:"yy-mm-dd",maxDate:"<?php echo date("Y-m-d") ?>",changeMonth: true,changeYear: true, yearRange: '1941:<?php echo date('Y'); ?>' });
                        //$("#fecFin").removeAttr("disabled");
                    }

                });
                <?php if($permisoEdita == "No") echo "fntodoLectura();"; ?>
            }); //fin $(document).ready(function(){
            
            function fnValAnt(){ //funcion para validar si hay informacion antes de navegar entre las ventanas
                var vacio = true;
                $("form  input:text").each(function(){
                    if(!vacio) return;
                    if($(this).val() != "") vacio = false;
                });
                if(vacio)
                    $("form  select").each(function(){
                        if(!vacio) return;
                        if($(this).val() != "") vacio = false;
                    });
                if(vacio)
                    $("form  textarea").each(function(){
                        if(!vacio) return;
                        if($(this).val() != "") vacio = false;
                    });
                if(!vacio){ //no esta vacio el formulario
                    return confirm("Hay información que no ha guardado. ¿Desea continuar?");
                }
                else return vacio;
            }
            function fnModifica(idRow,accion,opc){
                switch (opc) {
                    case '0':
                        var url = "<?php echo site_url("registro/expLaboral/"); ?>/" + accion + "/" + $("#transaccion").val() + "/" + idRow;
                        $.getJSON(url, function(datos){
                            $("#nombre").val(datos.tempVarchar1).trigger('change');
                            $("#actual").val(datos.tempVarchar2);
                            $("#contacto").val(datos.tempVarchar3);
                            $("#tel").val(datos.tempVarchar4);
                            $("#fecIni").val(datos.tempDate1);
                            $("#fecFin").val(datos.tempDate2);
                            $("#funciones").val(datos.tempText1);
                            $("#tempId").val(datos.tempId);
                            $("#vinculo").val(datos.tempVarchar5);
                            $("#tipContrato").val(datos.tempVarchar7);
                            fnCambiaTipoContrato(datos.tempVarchar7);
                            fnActivaChecbox("divChebox",datos.tempVarchar6,false);
                            $("#formExperiencia").attr("action", '<?php echo site_url("registro/expLaboral/") . "/E"; ?>')
                            //                            $("#btnGuardar").val("Editar");                            
                        });
                        break;
                    default:
                        var url = "<?php echo site_url("registro/expLaboral/"); ?>/" + accion + "/" + idRow;
                        if(confirm("¿Seguro que desea eliminar el registro?")){
                            $.post(url,function(){
                                fnReset();
                            });
                        }
                        break;
                    }
                }
                function validacion(){
                    
                    if($("#nombre").val() == ""){
                        alert("Ingrese el Nombre de la empresa");
                        $("#nombre").focus();
                        return false;
                    }
                    if($("#actual").val() == ""){
                        alert("Elija si esta actulamente trabajando en la empresa");
                        $("#actual").focus();
                        return false;
                    }
                    else if($("#actual").val() == "No"){
                        if($("#fecFin").val() == "")  {
                            alert("Debe ingresar la fecha de termino del contrato");
                            $("#fecFin").focus();
                            return false;
                        }
                        if(fnComparaFechas($("#fecIni").val(),$("#fecFin").val(),"mayor")){
                            alert("La fecha Final debe ser mayor a la inicial");
                            $("#fecFin").focus();
                            return false;
                        }
                    }
                    if($("#contacto").val() == ""){
                        alert("Ingrese el nombre del contacto");
                        $("#contacto").focus();
                        return false;
                    }
                    if($("#tel").val() == ""){
                        alert("Ingrese mínimo un número telefónico de contacto");
                        $("#tel").focus();
                        return false;
                    }
                    if($("#fecIni").val() == ""){
                        alert("Debe indicar la fecha de inicio del contrato");
                        $("#fecIni").focus();
                        return false;
                    }
                    if($("#funciones").val() == ""){
                        alert("Debe ingresar las funciones que desempeñaba en la compañia");
                        $("#funciones").focus();
                        return false;
                    }
                    cargaInstituciones("divChebox","prestaciones");
                    return true;
                }
                function fnReset(){
                    $('#btnGuardar').val('Guardar');
                    $('#formExperiencia').attr('action','<?php echo site_url("registro/expLaboral/0"); ?>');
                    $("#formExperiencia").trigger("reset");
                    fnCambiaTipoContrato("");
                    fnActivaChecbox("divChebox","");
                    $('#list').trigger('reloadGrid');
                }
                function fnCambiaTipoContrato(valor){
                    var tmp = valor.split("-");
                    if(tmp[1] == "Si"){
                        $(".ocultar").each(function(){
                            $(this).css("display","block");
                        });
                    }else{
                        $(".ocultar").each(function(){
                            $(this).css("display","none");
                        });
                    }
                }
                function cargaInstituciones(idDiv,idHidden){
                    var valor = "";
                    $("#" + idDiv + " > :checkbox").each(function(){
                        if($(this).is(":checked"))
                            valor = valor + $(this).val() + ",";
                    });
                    $("#" + idHidden).val(valor);
                    return true;
                }
        </script>
    </head>
    <body>
        <div class="divTitulo">REGISTRO EXPERIENCIA LABORAL</div>
        <?php $this->load->view("tituloGrilla"); ?>
        <?php $this->load->view("enBody"); ?>
        <form id="formExperiencia" action="<?php echo site_url("registro/expLaboral/0"); ?>" method="post" onsubmit="return validacion();">
            <table>
                <tr>
                    <td><label for="nombre">Nombre Empresa</label></td>
                    <td><input type="text" id="nombre" name="nombre" title="Ingrese el nombre de la empresa donde laboro"  /> </td>
                    <td><label for="contacto">Contacto</label></td>
                    <td><input onkeyup="" id="contacto" name="contacto" title="Nombre de la persona de contacto en la compañia"  /></td>
                    <td><label for="tel">Teléfono</label></td>
                    <td><input type="text" id="tel" name="tel" title="Ingrese el télefono de contacto"  /> </td>
                </tr>
                <tr>
                    <td><label for="actual">Actualmente</label> </td>
                    <td><select id="actual" name="actual" title="¿Actualmente trabaja en esta compañia?" >
                            <option value="">Elija</option>
                            <option value="No">No</option>
                            <option value="Si">Si</option>
                        </select>
                    </td>
                    <td><label for="tipContrato">Tipo Contrato</label></td>
                    <td><select id="tipContrato" name="tipContrato" onchange="fnCambiaTipoContrato(this.value);">
                            <option value="">Elija</option>
                            <?php
                            foreach ($tipContratos->result() as $row) {
                                echo "<option value='" . $row->tipContraId . "-" . $row->tipContraPrestaciones . "'>{$row->tipContraNombre}</option>";
                            }
                            ?>
                        </select>
                    </td>
                    <td><label for="vinculo">Vínculo</label></td>
                    <td><select id="vinculo" name="vinculo">
                            <option value="">Elija</option>
                            <option value="Directa">Directo</option>
                            <option value="Intermediaria">Intermediario</option>
                        </select>
                    </td>
                </tr>
                <tr >
                    <td><div class="ocultar" style="width: 118px;"><label for="prestaciones">Elija las prestaciones que le cancelaron</label></div></td>
                    <td colspan="3">
                        <div id="divChebox" class="ocultar divChecbox">
                            <input type='checkbox' value='EPS' id='chkEps' name='chkEps'/><label for='chkEps'>EPS</label><br/>
                            <input type='checkbox' value='ARP' id='chkARP' name='chkARP' /><label for='chkARP'>ARP</label><br/>
                            <input type='checkbox' value='Pensiones' id='chkPensiones' name='chkPensiones' /><label for='chkPensiones'>Pensiones</label><br/>
                            <input type='checkbox' value='Cesantías' id='chkCesantias' name='chkCesantias' /><label for='chkCesantias'>Cesantías</label><br/>
                            <input type='checkbox' value='Caja' id='chkCaja' name='chkCaja' /><label for='chkCaja'>Caja compensación</label><br/>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td><label for="fecIni">Fecha Inicio</label></td>
                    <td><input type="text" id="fecIni" name="fecIni" title="Fecha de inicio de labores en la compañia" size="9" readonly  /> </td>
                    <td><label for="fecFin">Fecha Fin</label></td>
                    <td><input type="text" id="fecFin" name="fecFin" size="9" readonly  /> </td>
                </tr>
                <tr>
                    <td><label for="funciones">Funciones</label></td>
                    <td colspan="3">
                        <textarea id="funciones" name="funciones" rows="5" cols="50"></textarea>
                    </td>
                </tr>
                <tr>
                    <td colspan="4" style="text-align: center">
                        <input type="button" value="Guardar" id="btnGuardar"/>
                        <input type="button" value="Limpiar" onclick="return fnReset();" />
                        <input type="button" value="Cerrar Ventana" onclick="window.close();" />
                        <input type="hidden" value="<?php echo $transaccion; ?>" name="transaccion" id="transaccion" />
                        <input type="hidden" id="prestaciones" name="prestaciones" />
                        <input type="hidden" value="" name="tempId" id="tempId" />
                    </td>
                </tr>
                <tr>
                    <td colspan="4" style="text-align: center">
                        <input type="button" value="Anterior" id="btnAnterior" style="font-style: italic"/>
                        <input type="button" value="Siguiente" id="btnSiguiente" style="font-style: italic"/>
                    </td>
                </tr>
            </table>
        </form>
        <div id="pager" class="scroll" style="text-align:center;"></div>
        <table id="list" class="scroll" style="font-size: 14px"></table>
    </body>
</html>
